<template>
  <div v-if="Object.keys(goods).length !==0">
    <!-- <h2 @click='aaa'>111</h2> -->
    
    <div class="key">{{good.detailImage[0].key}}</div>
    <img v-for="(item,index) in good.detailImage[0].list" :key="index" v-lazy="item" alt="" @load='imgLoad'>
  </div>
</template>

<script>
export default {
  name: 'MallDetailimg',

  data() {
    return {
      
    };
  },
  props:{
    goods:{

    }
  },
  computed:{
    good(){
      return this.goods.detailInfo
    }
  },
  mounted() {
    
  },

  methods: {
    imgLoad(){
      this.$bus.$emit('DetimgLoad');
    },
    aaa(){
      console.log(this.good);
    }
  },
};
</script>

<style lang="css" scoped>
img{
  width: 100%;
}
.key{
  font-size: 20px;
  padding-left:  10px;
  /* border-top:  1px solid black; */
  margin-top: 30px;
}
</style>